/*样式预定义*/
*{margin:0px;padding:0px;}
img{border:0px;margin:0px;}

a{text-decoration:none;color:#333333;width:0px;height:0px;text-align:center;}
ul li{list-style:none;}
body,h1,h2,h3,h4,h5,h6{font:12px/1.5 宋体,微软雅黑;color:#333333;}
body{font:13px/20px microsoft yahei;}
h1{color:red;font-size:13.5px;}
h5{color:red;font-size:15.5px;}

/*预定义样式*/
.w{width:1012px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.border{border:1px solid red;}
.ml133{margin-left:133px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt10{margin-top:10px;}

/*user*/
#user{height:2000px;}
/*user header*/
.header{height:480px;}
.pic{height:450px; width:450px;}
.pic ul li{display:none;}
.pic ul li img{width:450px;position:relative;z-index:-1;}
.pic ul li.active{display:block;}
.navpic{width:450px;height:66px;margin-top:-73px;background:rgba(0,0,0,0.6);}

.left{font-size:20px;float:left;}

.right{font-size:20px;float:right;}
/*.left a{background:#333 url('../Images/icon.png') -80px -570px no-repeat;display:inline-block;height:20px;width:25px;margin-top:20px;margin-left:10px;}
.right a{background:url('../Images/icon.png') -40px -630px no-repeat;display:inline-block;height:66px;width:30px;}*/
.xpic{width:390px;height:66px;overflow:hidden;margin:0px 33px;}
/*.xpic ul{margin:auto 0;}*/
.xpic ul img{float:left;margin:6px 6px;}
.xpic ul img.active{border:1px solid #fff;}
.data{height:480px; width:510px;}
.name{width:510px;height:25px;font-size:21px;line-height:20px;}
/* .message{width:290px;height:85px;margin-top:30px;}
.id{width:200px;height:34px;}
.id img{}
.id span{margin-left:4px;display:inline-block;}
.type{width:200px; height:34px;margin-top:10px;}
.type span{margin-left:8px;margin-top:7px;display:inline-block;}
.sname{width:color:#fe8b00;} */
.bodymessage {width:510px;height:33px;line-height:33px;padding:28px 0 25px;font-size:16px;font-weight:bold;overflow:hidden;}
.bodymessage p .cbd{padding:0 3px;font-size:14px;font-weight:200;color:#bdbdbd}
.evaluation{width:510;height:24px;margin-bottom:25px;white-space:nowrap;}
.evaluation span{float:left;height:24px;width:69px;margin-right:5px;text-align:center;line-height:22px;color:#036;border-radius:12px;background:#cff0f6;}
.datadetail{width:510;height:150px;margin-bottom:20px;}
.button{width:510px;height:40px;}
.button .send{width:75px;margin-right:30px;padding-left:35px;background:#ff6a00;padding-right:10px;}
.button a{position:relative;display:block;float:left;height:40px;font-size:16px;line-height:38px;color:#fff;border-radius:3px;overflow:hidden;}
.button .send em{position:absolute;top:12px;width:22px;height:17px;background:url(http://images8.baihe.com/profile/icon.png) no-repeat;display:block;text-indent: -9999px;left: 18px;background-position:0 0;}
.button .greet{width:75px;margin-right:30px;padding-left:35px;padding-right:10px;background:#fe8b00;}
.button .greet em{position:absolute;top:12px;width:22px;height:17px;background:url(http://images8.baihe.com/profile/icon.png) no-repeat;display:block;text-indent: -9999px;left:18px;background-position:-22px 0px;}
.button .sms{width:75px;margin-right:30px;padding-left:35px;background:#f9b339;padding-right:10px;}
.button .sms em{position:absolute;top:12px;width:22px;height:17px;background:url(http://images8.baihe.com/profile/icon.png) no-repeat;display:block;text-indent: -9999px;left:14px;background-position:-44px 0px;}

/*user report*/
.report{position:relative;color:#ccc;overflow:hidden;height:30px;line-height:30px;margin-bottom:10px}
.perData{height:800px;}
.tabMenu{height:40px;background:url(http://images7.baihe.com/pic/bj_01.gif) repeat-x left bottom;overflow:hidden;}
.tabMenu a{position:relative;display:block;float:left;width:150px;height:40px;font-size:18px;text-align:center;color:#333;overflow:hidden;}
.tabMenu a.active{height:38px;color:#fe5233;border-bottom:2px solid #ff5026;}
.tabMenu em{position:absolute;bottom:0px;display:none;left:50%;width:16px;height:9px;margin-left:-8px;background:url(http://images6.baihe.com/icon/icon_look.gif) no-repeat 0 -313px;overflow:hidden;}
.tabMenu em.active{display:block;} 
